<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        a{
            text-decoration: none;
        }
        ul,li{
            list-style:none;
        }
        .head{
            width: 100%;
            height: 40px;
           font-size: 12px;
           line-height: 40px;
            background-color:#333;
        }
        .hd-title{
            
            width: 1226px;
            height: 40px;
            margin: 0 auto;
        }
        .topbar-nav{
            /* display: inline-block; */
            float: left;
        }
        a{  
            float: left;
            color: #b0b0b0;
        }
        span{
            float: left;
            color: #424242;
            margin: 0 0.3em;
        }
        .topbar-cart{
            float: right;
            margin-left: 15px;
        }
        .topbar-info{
            float: right;
            padding: 0 5px;
        }
    </style>
</head>
<body>
    <div class="head">
        <div class="hd-title">
            <div class="topbar-nav">
                
                <a href="">小米商城</a>
                <span>|</span>
                <a href="">MUI</a>
                <span>|</span>
                <a href="">loT</a>
                <span>|</span>
                <a href="">云服务</a>
                <span>|</span>
                <a href="">天星数科</a>
                <span>|</span>
                <a href="">有品</a>
                <span>|</span>
                <a href="">小爱开放平台</a>
                <span>|</span>
                <a href="">企业团购</a>
                <span>|</span>
                <a href="">资质证照</a>
                <span>|</span>
                <a href="">协议规则</a>
                <span>|</span>
                <a href="">下载app</a>
                <span>|</span>
                <a href="">智能生活</a>
                <span>|</span>
                <a href="">Select location</a>
                <span>|</span>
            </div>
            <div class="topbar-cart">
                <a href="" class="cart-car">购物车</a>
            </div>
            <div class="topbar-info">
                <a href="">登录</a>
                <span>|</span>
                <a href="">注册</a>
                <span>|</span>
                <a href="">消息通知</a>
                <span>|</span>
            </div>
        </div>
    </div>
</body>
</html>